{% extends base_template %}
{% load i18n %}
{% load url from future %}
{% load xadmin_tags %}

{% block extrastyle %}
<style type="text/css">
  .btn-toolbar{margin-top: 0;}
  #content-block.full-content{margin-left: 0;}
</style>
{% endblock %}
{% block bodyclass %}change-list{% endblock %}

{% block nav_title %}{% if brand_icon %}<i class="{{brand_icon}}"></i> {% endif %}{{brand_name}}{% endblock %}

{% block nav_toggles %}
{% include "xadmin/includes/toggle_menu.html" %}
{% if has_add_permission %}
  <a href="{{add_url}}" class="navbar-toggle pull-right"><i class="fa fa-plus"></i></a>
{% endif %}
<button class="navbar-toggle pull-right" data-toggle="collapse" data-target=".content-navbar .navbar-collapse">
  <i class="fa fa-filter"></i>
</button>
{% endblock %}

{% block nav_btns %}
  {% if has_add_permission %}
    <li><p class="navbar-btn"><a href="{{add_url}}" class="btn btn-primary"><i class="fa fa-plus"></i> 
    {% blocktrans with cl.opts.verbose_name as name %}Add {{ name }}{% endblocktrans %}</a></p></li>
  {% endif %}
{% endblock nav_btns %}

{% block content %}

  {% view_block 'results_top' %}

  <div class="box">
   <div class="box-header">
    <div class="content-toolbar btn-toolbar pull-right clearfix">
      {% view_block 'top_toolbar' %}
      {% block toolbar_column %}
      <div class="btn-group">
        <a class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown" href="#">
          <i class="fa fa-list-alt"></i> {% trans "Columns" %} <span class="caret"></span>
        </a>
        <ul class="dropdown-menu model_fields pull-right" role="menu" aria-labelledby="dLabel">
          <li><a href="{{clean_select_field_url}}"><i class="fa fa-refresh"></i> {% trans "Restore Selected" %}</a></li>
          <li class="divider"></li>
          {% for f, selected, flink in model_fields %}
          <li><a href="{{flink}}">
            {% if selected %}<i class="fa fa-check"></i>{% else %}<i class="fa fa-blank"></i>{% endif %}
            {{f.verbose_name}}</a></li>
          {% endfor %}
        </ul>
      </div>
      {% endblock toolbar_column %}
      {% block toolbar_layouts %}
      <div class="btn-group layout-btns" data-toggle="buttons">
        <label class="btn btn-default btn-sm layout-normal active">
          <input type="radio"> <i class="fa fa-th-large"></i>
        </label>
        <label class="btn btn-default btn-sm layout-condensed">
          <input type="radio"> <i class="fa fa-th"></i>
        </label>
        {% view_block 'top_layout_btns' %}
      </div>
      {% endblock toolbar_layouts %}
      {% block toolbar_fullscreen %}
      <div class="btn-group layout-btns" data-toggle="buttons-checkbox">
        <button type="button" class="btn btn-default btn-sm layout-full"><i class="fa fa-expand"></i></button>
        {% view_block 'top_check_btns' %}
      </div>
      {% endblock toolbar_fullscreen %}
      {% view_block 'top_btns' %}
    </div>
  
    <ul class="pagination pagination-sm pagination-left pagination-inline no-margin">
      {% view_block 'pagination' 'small' %}
    </ul>   
   </div>
   
   <form id="changelist-form" action="" method="post"{% view_block 'result_list_form' %}>{% csrf_token %}
    <div class="box-body results table-responsive no-padding">
     {% if results %}
     {% block results_grid %}
     <table class="table table-bordered table-striped table-hover">
       {% block results_grid_head %}
       <thead>
         <tr>{% for o in result_headers.cells %}
           <th {{o.tagattrs}}>
             {% if o.btns %}
               <div class="pull-right">
                 {% for b in o.btns %}
                   {{b|safe}}
                 {% endfor %}
               </div>
             {% endif %}
             {% if o.menus %}
               <div class="dropdown pull-left">
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                   {{ o.label }}
                 </a>
                 <ul class="dropdown-menu" role="menu">
                   {% for m in o.menus %}
                     {{m|safe}}
                   {% endfor %}
                 </ul>
               </div>
             {% else %}
               {{ o.label }}
             {% endif %}
           </th>{% endfor %}
         </tr>
         {% view_block 'result_head' %}
       </thead>
       {% endblock results_grid_head %}
       {% block results_grid_body %}
       <tbody>
       {% for row in results %}
         <tr class="grid-item{% if row.css_class %} {{row.css_class}}{%endif%}">{% for o in row.cells %}
           <td {{o.tagattrs}}>
             {% if o.btns %}
               <div class="btn-group pull-right">
                 {% for b in o.btns %}
                   {{b|safe}}
                 {% endfor %}
               </div>
             {% endif %}
             {% if o.menus %}
               <div class="dropdown">
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                   {{ o.label }}
                 </a>
                 <ul class="dropdown-menu">
                   {% for m in o.menus %}
                     {{m|safe}}
                   {% endfor %}
                 </ul>
               </div>
             {% else %}
               {{ o.label }}
             {% endif %}
           </td>
         {% endfor %}</tr>
         {% view_block 'result_row' row %}
       {% endfor %}
       </tbody>
       {% endblock results_grid_body %}
      </table>
      {% endblock results_grid %}
      {% else %}
      <table class="table table-bordered">
         <tbody>
         <tr><td>{% trans "Empty list" %}</td></tr>
         </tbody>
      </table>
      {% endif %}
      
     
    </div>
    <div class="box-footer">
     {% view_block 'results_bottom' %}
      <ul class="pagination pagination-sm no-margin">
           {% view_block 'pagination' %}
       </ul> 
    </div>
   </form>
  </div>
  
{% endblock %}
